<template>
	<div class="s-warp" @click="() => callFun(sort)">
		<div class="s-tan s-up" :class="{ color: sort.val == SortEnum.UP }"></div>
		<div class="s-tan s-down" :class="{ color: sort.val == SortEnum.DOWN }"></div>
	</div>
</template>

<script lang="ts" setup>
import { SortEnum, SortType } from "@/comm/sort";
import { onMounted } from "vue";
interface Prop {
	sort: SortType;
	callFun: (item: SortType) => any;
}
const props = defineProps<Prop>();
onMounted(()=>{
	console.log("####props", props.sort)
})
</script>

<style lang="less" scoped>
@import url("./index.less");
</style>
